@import "../../../../src/less/quote/color.less";

.com-number{
  position: relative;
  display:inline-block;
  width: 130px;
  min-height:32px;
  border-top: 1px solid @ceb;
  border-bottom: 1px solid @ceb;
  border-radius: 3px;

  /*line-height: 1.42857143;*/
  background-color: @cf;
  background-image: none;
  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;

  &:focus{
    border: 1px solid @com-main-a;
    box-shadow: 0 0 1px 1px rgba(32,160,255,.075);
  }

  .num{
    display: inline-block;
    width: 100%;
    height: 32px;
    padding: 0 40px;
    text-align: center;
  }
  .add{
    top:0;
    right:0;
    border-right: 1px solid @ceb;
    border-top-right-radius:3px;
    border-bottom-right-radius:3px;
    user-select:none;
  }
  .reduce{
    top:0;
    left:0;
    border-left: 1px solid @ceb;
    border-top-left-radius:3px;
    border-bottom-left-radius:3px;
    user-select:none;
  }
  .reduce,.add{
    position: absolute;
    text-align: center;
    height: 100%;
    width:32px;
    line-height: 32px;
    color:@c3;
    cursor:pointer;
    background-color: @com-bg-a;
  }
}